<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>首页</title>
    <script src="/static/js/jquery-3.4.1.min.js"></script>
    <script src="/static/layui/layui.js"></script>
    <link rel="stylesheet" href="/static/layui/css/layui.css"  media="all">
</head>

<body class="layui-layout-body">

<div class="layui-layout layui-layout-admin" style="height: 100%">
    <div class="layui-header">
        <div style="padding-left: 5px; width: 600px; height: 60px">
            <!-- 在这里替换具体的LOGO和标语 -->
            <img width="72px" src="/static/images/logos/unionpay-logo.png" style="float: left; margin: 7px">
            <div style="margin-left:20px;float:left;width:300px;height:100%;line-height:60px;text-align:left;color:#009688;font-size:16px;">商城后台</div>
        </div>

        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a id="name-a" href="javascript:;">
                    <img src="/static/images/icons/diandian-icon.png" class="layui-nav-img">
                    ${(user.username)!"未登陆"}
                </a>
                <dl class="layui-nav-child">
<#--                    <dd><a href="">更改密码</a></dd>-->
                    <#if user.isAdmin >
                        <dd><a href="">管理员   </a></dd>
                    <#else>
                        <dd><a href="">普通用户  </a></dd>
                    </#if>
<#--                    <dd><a id="version" href="#">版本号 ${(version)}</a></dd>-->
                    <dd><a id="version" href="#">关于 </a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a id="logout-a"
<#--                   href="/auths/logout" -->
                >注销</a></li>

        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree"  lay-filter="test">
<#--                <#if user.isAdmin >-->
                <li class="layui-nav-item layui-this"><a href="/auth" target="admin-list">账号管理</a></li>
<#--                </#if>-->
                <li class="layui-nav-item">
                    <a href="/taskMgr" target="admin-list">任务管理</a>
                </li>
                <li class="layui-nav-item">
                    <a class="" href="/setting" target="admin-list" >系统设置</a>
                </li>

            </ul>
        </div>
    </div>

    <div class="layui-body" style="bottom: 0px">
        <!-- 内容主体区域 - 局部刷新, 使用iframe进行实现 -->
        <div style="padding-left: 15px;padding-top: 10px; width: 100%; height: 100%">
<#--            <#if user.isAdmin >-->
<#--                <iframe style="width: 100%; height: 100%;" name="admin-list"  src="/auth" frameborder="0"></iframe>-->
<#--            <#else>-->
                <iframe style="width: 100%; height: 100%;" name="admin-list"  src="/p/task" frameborder="0"></iframe>

        </div>
    </div>
</div>

</body>

<script src="/static/layui/layui.js" charset="utf-8"></script>
<script>
    layui.use(['element', 'layer'], function(){
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

        //监听导航点击
        element.on('nav(demo)', function(elem){
            layer.msg(elem.text());
        });

        // 注销按钮
        $("#logout-a").click(function () {
            $.ajax({
                url: '/auths/logout',
                success: function (res) {
                    window.location.href = "/login";
                }
            });
        });
    });

    <#--var log = '${updateLog}';-->
    <#--var resultList = JSON.parse(log);-->
    <#--$("#version").click(function () {-->
    <#--   console.log("显示版本信息");-->
    <#--   console.log(resultList);-->
    <#--    var html = '';-->
    <#--    $.each(resultList, function(i,val){-->
    <#--        var content = '<div style="padding: 20px 100px;">'+ val.version +'</br>'+val.log  +'</div>';-->
    <#--        html += content;-->
    <#--    });-->

    <#--   var layer = layui.layer;-->
    <#--   layer.open({-->
    <#--       type: 1-->
    <#--       ,title:'更新日志'-->
    <#--       ,offset: 'auto'-->
    <#--       ,id: 'layerDemo'-->
    <#--       ,content: html-->
    <#--       ,btn: '关闭'-->
    <#--       ,btnAlign: 'c' //按钮居中-->
    <#--       ,shade: 0 //不显示遮罩-->
    <#--       ,zIndex: layer.zIndex //重点1-->
    <#--       ,yes: function(){-->
    <#--           layer.closeAll();-->
    <#--       }-->
    <#--   });-->
    <#--});-->



</script>
</html>